@import "mixins";
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,dt,form,input,img,select,textarea,ul,li,a, figure,figcaption{margin:0; padding:0;}
a,u{text-decoration:none;color: #10181f;}
img{boeder:none; vertical-align:middle;}
li{list-style:none;}
input,textarea,button,select{outline: none;}
button{border: none;}
input{border: none;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight: normal;}
em,i{font-style: normal;}
html,body{
	height: 100%;
}
.clearfix:after{content: " ";display: block;clear: both;height: 0;overflow: hidden;}
.clearfix{zoom:1;}
textarea{resize: none;}
.fl{float:left;}
.fr{float: right;}
.ib{display: inline-block;}
*{box-sizing: border-box;}
#continer{height: 100%;}
.w1360{width: 1360px;margin: 0 auto;}
.tx{display: flex;}
header{
	height: 60px;
	width: 100%;
	>.w1360{
		height: 100%;
		display: flex;
		justify-content: center;
		>nav{
			display: flex;
			width:1200px;
			height: 100%;
			justify-content: space-between;	
			.nav-left{
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.nav-middle{
				//width: 50%;
				display: flex;
				text-align: center;
				line-height: 60px;
				li{
					width: 60px;
					height: 60px;
				&:first-of-type{
					display: none;
					
					}
				}
			}
			.nav-right{
				display: flex;
				li{
					width: 60px;
					height: 60px;
					text-align: center;
					font-size: 24px;
					text-align: center;
					line-height: 60px;
					font-weight: 600;
				}
				#log-in{
					display: none;
				}
				#go-shopping{
					display: none;
				}
			}
		}
	}
 }//头部
 
 section{
	 //height: 5000px;
	 //
	 #banner2{
		 height: 375px;
		 width: 100%;
		 background: #f9f9f9;
		 >.w1360{
			 height: 100%;
			 position: relative;
			 >span{
				 position: absolute;
				 width:50px;
				 height:50px;
				 border-radius: 50%;
				 background: hsla(0,0%,84.7%,.2);
				 z-index: 50;
				 top:50%;
				 margin-top: -25px;
				/* text-align: center;
				 line-height: 44px; */
				 &:first-of-type{
					 left: 7%;
					 img{
						top:12px;
						left:18px; 
					 }
				 }
				 &:last-of-type{
					 right: 7%;
					 img{
						 top:12px;
						 left:20px;
					 }
				 }
			 }	img{
				 position: relative;
			 }
			 #banner2-imgs{
				 height: 100%;
				 position: relative;
				 li{
					 width: 100%;
					 height: 100%;
					 position: absolute;
					 &:first-of-type{
						 a{
							 position: absolute;
							 height: 100%;
							 width: 100%;
							 background: url('https://image01.oneplus.cn/shop/201910/24/1993/9469ede362029d2c6f1ebac64099076e_1398_0.jpg')
							no-repeat center ;
							z-index: 10;
						 }
					 }
					 &:last-of-type{
						 a{
							position: absolute;
							 height: 100%;
							 width: 100%;
							 background: url('https://image01.oneplus.cn/shop/201910/24/290/9592a5e0046687594e40b5585461fcd3_1398_0.jpg')
							no-repeat center ; 
						 }
					 }
				 }
			 }
		 }
	 }//轮播
	 #nav{
		 color: #828282;
		 width: 100%;
		 height: 60px;
		 display: flex;
		 justify-content: center;
		 font-weight:600 ;
		 position: sticky;
		 top:0;
		 z-index: 100;
		 background: #FFFFFF;
		 #nav-content{
			 width: 30%;
			 height: 100%;
			 line-height: 60px;
			 text-align: center;
			 display: flex;
			 >li{
				 flex: 1;
			 }
		 }
		 
		 
	 }//
	 #goods{
		width: 100%;
		//background: #000000;
		//height: 200px;
		#art{
			width: 100%;
			height: 100%;
			.message{
				//background: #f00;
				width:33.3333%;
				height:100%;   //#828282;//#dfdfdf biankuang
				>a{
						background: #f9f9f9;
						position: relative;
					    display: block;
					    padding-left: 10%;
					    padding-right: 10%;
					    padding-top: 10%;
						padding-bottom: 15%;
						border-right: #dfdfdf 1px solid;
						border-top:#dfdfdf 1px solid ;
						//background: #ff0;
						>img{
						width: 100%;
						}
						>.discount{
							background: #eb0028;
							position: absolute;
							top: 14px;
							right: 20px;
							height: 2em;
							font-size: 10px;
							color: #FFFFFF;
							padding: 0 0.5em;
							border-radius: 1px;
							line-height: 2;
						}
						.tradename{
							text-align: center;
							margin: 5px 0;
						}
						.pirce{
							text-align: center;
							font-size: 14px;
							.oldprice{
								margin-right:5px;
								color: #828282;
							}
						}
						
				}
			}
		}
		 
	 }
	 
 }//section
  #section-box{
	  height: 184px;
  }
 #section-box .service-warp{
 	justify-content: space-around;
 	border-top: 1px solid #e4e4e4;
 }
 #section-box .service-warp li{
 		width: 25%;
 	    float: left;
 	    text-align: center;
 	    padding: 35px 0;
 	    font-size: 16px;
 }
    
 #section-box .service-warp li a{
 	display: block;
 	color: #565b62;
 }
 
 #section-box .service-warp li a i{
 display: inline-block;
 height: 42px;
 width: 42px;
 }
 #section-box .i-7d-return{
 background: url('https://image01.oneplus.cn/shop/201910/16/555/969b21f7a4a94d350d54ceccc0b73f34.svg')
 no-repeat center;	
 }
 #section-box .i-15d-return{
 background: url('https://image01.oneplus.cn/shop/201910/16/57/850933b312cb6082d1aeb37f1c134f72.svg')
 no-repeat center;	
 }
 #section-box .i-30d-swap{
 background: url('https://image01.oneplus.cn/shop/201910/16/1058/0bf263cd1333d47d96d7e515b9be0480.svg')
 no-repeat center;	
 }
 #section-box .i-free-send{
 background: url('https://image01.oneplus.cn/shop/201910/16/262/ace6d98231ad29a8f8f63ff9297ad315.svg')
 no-repeat center;	
 }
 #section-box .service-warp li a span{
 	display: block;
 	padding-top: 15px;
 }
 #footer{
 	    background-color: #fcfcfc;
 	    border-top: 1px solid rgba(0,0,0,.1);
 }
 #footer .container-text{
 	    max-width: 1200px;
 	    min-width: 300px;
 		margin: 0 auto;
 		//overflow: hidden;
 }
 .footer-nav{
 		color: rgba(0,0,0,.8);
 	    font-size: 16px;
 	    padding-top: 20px;
 	    padding-bottom: 20px;
 		padding-right: 15px;
 }
 .footer-nav dl{
 	    width: 20%;
 	    float: left;
 		background: #fcfcfc;
 }
 .footer-nav dl dt{
 	    padding: 0 20px;
 	    font-size: 16px;
 	    height: 50px;
 	    line-height: 50px;
 	    position: relative;
 	    color: #101920;
 }
 .footer-nav dl dd ul{
 padding-bottom: 10px;
 }
 	.footer-nav dl dd{
 	color: rgba(0, 0, 0, 0.8);
 	font-size: 16px;
 	padding: 0 20px;
 }
 
 .footer-nav dl dd ul li{
 	padding: 8px 0;
 	font-size: 14px;
 }
 .footer-nav dl dd ul li a{
 	    color: #828282;
 	    display: block;
 }
 .footer-nav .current-store{
 	display: none !important;
 }
 .footer-nav a:hover{
 	color: #101920;
 }
 
 .contact-us-cn{
 margin-top: 10px;
 }
 .contact-us-cn .one-tel-number{
 	display: block;
 	font-size: 14px;
 	color:#09c;
 	text-align: right;
 	
 }
 
 #phone1{
 	vertical-align: baseline;
 	margin-right: 2px;
 }
 #foo-service-chat-for-sobot{
 	max-width: 120px;
 	color: #101920;
 	display: block;
 	margin-top: 15px;
 	margin-bottom: 15px;
 	height: 40px;
 	line-height: 40px;
 	font-size: 17px;
 	cursor: pointer;
 	text-align: center;
 	border: 1px solid #000000;
 	margin: initial;
 	margin-left: auto;
 	position: relative;
 	
 }
 #service{
 	position: absolute;
 	height: 100%;
 	width: 0%;
 	background: #000000;
 	left: 0;
 	top:0;
 	z-index:0;
 }
 
 #foo-service-chat-for-sobot span{
 	position: relative;
 	z-index: 2;
 }
 #foo-service-chat-for-sobot:hover span{
 	color: #fff;
 }
 .contact-us-cn .one-tel-time{
 font-size: 12px;
 color:#999;
 text-align: right;
 }
 .contact-us-cn .social-media{
 	margin-right: -6px;
 	margin-top: 10px;
 }
 .contact-us-cn .social-media a{
 	    display: inline-block;
 	    width: 40px;
 	    height: 40px;
 	    line-height: 40px;
 	    text-align: center;
 	    font-size: 24px;
 	    vertical-align: top;
 		text-align: right;
 		position: relative;
 }
 .new-wechat-icon{
 	display: inline-block;
 	    width: 100%;
 	    height: 100%;
 	    background: url('https://image01.oneplus.cn/shop/201907/16/1981/a3fd5ecce5e69cc5060377cfb7c4da89.png') no-repeat;
 	    background-size: 24px 20px;
 	    background-position: 50%;
 		margin-right: -163px;
 }
 .link-weibo svg{
 	height: 40px;
 	width: 40px;
 	margin-right: -160px;
 }
 .wechat-qr-code{
 	display: none;
 	width: 100px;
 	height: 100px; 
 	 position: absolute;
 	 top:-110px;
 	 right:-197px;
 	z-index: 99; 
 }
  .contact-us {
     padding: 0 0 0 10px;
 	width: 100%;
 	height: 50px;
 	
 	
 }
 .us-left{
 		color: rgba(0,0,0,.8);
 	    height: 50px;
 	    line-height: 50px;
 	    float: left;
 	    cursor: pointer;
 }
 .us-right{
 		height: 50px;
 	    line-height: 50px;
 	    float: right;
 	    text-align: right;
 		font-size: 12px;
 }
 .us-right a{
 	color: #09c;
 }
 .us-left .cn{
 	display:inline-block;
     background-image: url('https://statics.oneplus.cn/ov/assets/images/sprites/header-stores-sprites-3ed65c422d.png');
     background-position: -31px -63px;
     width: 31px;
     height: 21px;
 	//background-size:31px 21px;
 	vertical-align: middle;
 	margin-right: 6px;
 	margin-top: -.2em;
 }
 .footer-tail-cn{
 	border-top: 1px solid rgba(0,0,0,.1);
 	width: 100%;
 	height: 164px;
 	padding-bottom: 30px;
 	padding-top: 20px;
 }
 .row{
 	    margin-right: -15px;
 	    margin-left: -15px;
 		height: 114px;
 }
 .col-sm-5{
 	float: left;
 	position: relative;
 	min-height: 1px;
 	padding-right: 15px;
 	padding-left: 15px;
 	
 }
 .col-sm-5 .copy-right span{
 	font-size: 12px;
 	color: #999;
 }
 .col-sm-5 .under-supervision{
 	font-size: 12px;
 }
 .col-sm-7{
 		width: 58.33333%;
 		float: right;
 		position: relative;
 	    min-height: 1px;
 	    padding-right: 15px;
 	    padding-left: 15px;
 }
 .col-sm-7 .show-pc{
 		color: #666;
 		margin-left: 0;
 	    margin-bottom: 20px;
 	    font-size: 12px;
 	    display: block;
 	    text-align: center;
 	    float: none;
 	    line-height: 30px;
 		
 }
 .col-sm-7 .show-pc ul{
 	
 	position: relative;
 	right: -115px;
 }
 .col-sm-7 .show-pc ul li{
 	display: inline-block;
 	    padding: 0 10px;
 	    border-right: 1px solid rgba(0,0,0,.1);
 	    line-height: 12px;
 }
 .col-sm-7 .show-pc ul li:last-of-type{
 	border: none;
 }
 .certificate-container{
 	text-align: right;
 }
 .certificate-container a{
 	margin: 0 10px;
 }
 
 